import React from 'react'


const btnStyle = {
    border: 'none',
    backgroundColor: 'white',
    display:'inline-block',
    borderRadius: '16px',
};

const inputStyle = {
    border: 'none',
    backgroundColor: 'white',
    width:'60px',
    textAlign:'center'
};

const leftIptStyle={...btnStyle,marginLeft:'3px'};
const rightIptStyle={...btnStyle,marginRight:'3px'};

function StepCount() {
    return (
        <div style={{
            borderRadius: '16px',
            height: '32px',
            border: '1px solid #EEEEEE',
            backgroundColor:'#FFFFFFFF',
            display:'inline-flex',
            alignItems:'center'
        }}>
            <div>
                <button style={leftIptStyle}><i className={"iconfont icon-plus"} style={{color:'#666666'}}/></button>
                <input type="text" style={inputStyle} value={1}/>
                <button style={rightIptStyle}><i className={"iconfont icon-minus"} style={{color:'#666666'}}/></button>
            </div>

        </div>
    );
}

export default StepCount
